@extends('home.base')
@section('content')
    <div class="category-arrondi clearfix">
        <img class="fl" src="https://res.vmallres.com/pimages/common/config/logo/huawei.nav.png" alt="">
        <span class="fl">华为专区</span>
    </div>
    <div class="naver-sub">
        <div id="naverSub00" class="naver-sub-wrap hide">
            <div class="p-title clearfix">
                <div class="s1 fl">
                    <a href="https://www.vmall.com/list-111" target="_blank" class="">全部手机&gt;</a>
                </div>
                <div class="s2 fl clearfix">
                    <input id="child_name" type="hidden" value="HUAWEI Mate系列">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="./js/华为手机【报价 价格 大全 怎么样】_华为商城.html" target="_blank" class="fl">HUAWEI Mate系列</a>
                    <input id="child_name" type="hidden" value="HUAWEI P系列">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-125" target="_blank" class="fl">HUAWEI P系列</a>
                    <input id="child_name" type="hidden" value="HUAWEI nova系列">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-279" target="_blank" class="fl">HUAWEI nova系列</a>
                    <input id="child_name" type="hidden" value="华为 G系列">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-127" target="_blank" class="fl">华为 G系列</a>
                    <input id="child_name" type="hidden" value="华为畅享系列">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-129" target="_blank" class="fl">华为畅享系列</a>
                </div>
                <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
            </div>

            <ul id="zxnav_0_prolist" class="grid-list clearfix">
                <!--通过添加current 来实现 hover效果-->
                <input id="name_447434280" type="hidden" value="HUAWEI nova 2">
                <input id="name_225214477" type="hidden" value="HUAWEI P10">
                <input id="name_655752248" type="hidden" value="HUAWEI P10 Plus">
                <input id="name_33074860" type="hidden" value="HUAWEI Mate 9 Pro">
                <input id="name_883630548" type="hidden" value="HUAWEI Mate 9">
                <input id="name_546018520" type="hidden" value="华为畅享7 Plus">
                <input id="name_308819390" type="hidden" value="华为畅享6S">
            </ul>
            <input id="zxnav_0_skuIds" type="hidden" value="447434280,225214477,655752248,33074860,883630548,546018520,308819390,">
        </div>
        <div id="naverSub01" class="naver-sub-wrap hide">
            <div class="p-title clearfix">
                <div class="s1 fl">
                    <a href="https://www.vmall.com/list-291" target="_blank" class="">全部笔记本电脑&gt;</a>
                </div>
                <div class="s2 fl clearfix">
                    <input id="child_name" type="hidden" value="笔记本电脑">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-291" target="_blank" class="fl">笔记本电脑</a>
                    <input id="child_name" type="hidden" value="笔记本配件">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-319" class="fl">笔记本配件</a>
                </div>
                <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
            </div>

            <ul id="zxnav_1_prolist" class="grid-list clearfix">
                <!--通过添加current 来实现 hover效果-->
                <input id="name_280075090" type="hidden" value="HUAWEI MateBook X">
                <input id="name_530206332" type="hidden" value="HUAWEI MateBook E">
                <input id="name_882934630" type="hidden" value="HUAWEI MateBook D">
                <input id="name_436445492" type="hidden" value="HUAWEI MateBook">
            </ul>
            <input id="zxnav_1_skuIds" type="hidden" value="280075090,530206332,882934630,436445492,">
        </div>

       

        <div id="naverSub02" class="naver-sub-wrap hide">
            <div class="p-title clearfix">
                <div class="s1 fl">
                    <a href="https://www.vmall.com/list-243" target="_blank" class="">全部平板&amp;穿戴&gt;</a>
                </div>
                <div class="s2 fl clearfix">
                    <input id="child_name" type="hidden" value="平板电脑">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-313" target="_blank" class="fl">平板电脑</a>
                    <input id="child_name" type="hidden" value="手环/手表">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-293" target="_blank" class="fl">手环/手表</a>
                </div>
                <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
            </div>


            <ul id="zxnav_2_prolist" class="grid-list clearfix">
                <!--通过添加current 来实现 hover效果-->
                <input id="name_21229185" type="hidden" value="华为平板 M3">
                <input id="name_8943" type="hidden" value="华为揽阅 M2 青春版 7.0英寸平板电脑">
                <input id="name_8989" type="hidden" value="华为揽阅 M2 青春版 10.1英寸平板电脑">
                <input id="name_248968065" type="hidden" value="HUAWEI WATCH 2">
                <input id="name_8735" type="hidden" value="华为手环 B3">
                <input id="name_107428549" type="hidden" value="华为儿童手表">
            </ul>
            <input id="zxnav_2_skuIds" type="hidden" value="21229185,8943,8989,248968065,8735,107428549,">
        </div>
        <div id="naverSub03" class="naver-sub-wrap hide">
            <div class="p-title clearfix">
                <div class="s1 fl">
                    <a href="https://www.vmall.com/list-115" target="_blank" class="">全部智能家居&gt;</a>
                </div>
                <div class="s2 fl clearfix">
                    <input id="child_name" type="hidden" value="子母路由">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-265" target="_blank" class="fl">子母路由</a>
                    <input id="child_name" type="hidden" value="电力猫">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-139" target="_blank" class="fl">电力猫</a>
                    <input id="child_name" type="hidden" value="路由器">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-141" target="_blank" class="fl">路由器</a>
                    <input id="child_name" type="hidden" value="电视盒子">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-143" target="_blank" class="fl">电视盒子</a>
                    <input id="child_name" type="hidden" value="随行WiFi">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-145" target="_blank" class="fl">随行WiFi</a>
                </div>
                <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
            </div>

            <ul id="zxnav_3_prolist" class="grid-list clearfix">
                <!--通过添加current 来实现 hover效果-->
                <input id="name_477306982" type="hidden" value="华为子母路由器 Q1">
                <input id="name_989938258" type="hidden" value="华为路由器 A1">
                <input id="name_3502" type="hidden" value="华为盒子">
                <input id="name_8125" type="hidden" value="华为随行WiFi Pro">
            </ul>
            <input id="zxnav_3_skuIds" type="hidden" value="477306982,989938258,3502,8125,">
        </div>
        <div id="naverSub04" class="naver-sub-wrap hide">
            <div class="p-title clearfix">
                <div class="s1 fl">
                    <a href="https://www.vmall.com/list-117" target="_blank" class="">全部配件&gt;</a>
                </div>
                <div class="s2 fl clearfix">
                    <input id="child_name" type="hidden" value="贴膜">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-149" target="_blank" class="fl">贴膜</a>
                    <input id="child_name" type="hidden" value="保护壳">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-147" target="_blank" class="fl">保护壳</a>
                    <input id="child_name" type="hidden" value="保护套">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-151" target="_blank" class="fl">保护套</a>
                    <input id="child_name" type="hidden" value="表带">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-207" target="_blank" class="fl">表带</a>
                    <input id="child_name" type="hidden" value="耳机">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-295" target="_blank" class="fl">耳机</a>
                    <input id="child_name" type="hidden" value="音箱">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-297" target="_blank" class="fl">音箱</a>
                    <input id="child_name" type="hidden" value="VR眼镜">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-303" target="_blank" class="fl">VR眼镜</a>
                    <input id="child_name" type="hidden" value="电源/充电器/线材">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-299" target="_blank" class="fl">电源/充电器/线材</a>
                    <input id="child_name" type="hidden" value="自拍杆/支架">
                    <input id="child_status" type="hidden" value="1">
                    <input id="child_type" type="hidden" value="1">
                    <a href="https://www.vmall.com/list-301" target="_blank" class="fl">自拍杆/支架</a>
                </div>
                <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
            </div>

            <ul id="zxnav_4_prolist" class="grid-list clearfix">
                <!--通过添加current 来实现 hover效果-->
                <input id="name_113776497" type="hidden" value="华为20000mAh 移动电源">
                <input id="name_615924659" type="hidden" value="华为运动蓝牙耳机">
                <input id="name_594387586" type="hidden" value="华为车载快速充电器">
                <input id="name_4309" type="hidden" value="华为小天鹅蓝牙音箱">
                <input id="name_8067" type="hidden" value="华为自拍杆">
                <input id="name_853967185" type="hidden" value="HUAWEI VR">
                <input id="name_937100113" type="hidden" value="华为10000mAH移动电源">
            </ul>
            <input id="zxnav_4_skuIds" type="hidden" value="113776497,615924659,594387586,4309,8067,853967185,937100113,">
        </div>

    </div>
</div>

    </div>
    </div>
    </div>

<script>

//显示导航下拉菜单商品数据
function showProList(id){
 	//查询标志
    var flag=$("#"+id+"_flag").val();
 	var skuIds=$("#"+id+"_skuIds").val();
 	
 	var mediaPath = "https://res.vmallres.com/pimages/";
 	//未查询过且有商品时才能执行
 	if(skuIds!="" && flag=="no"){
 		skuIds=skuIds.substring(0,skuIds.length-1);
 		var skuIdArr=skuIds.split(",");

		skuIdArr=removeDuplicatedItem(skuIdArr);
		
 		//标记标志位
 		$("#"+id+"_flag").val("yes");
 		$.ajax({
			url :  "/querySbomInfo.json?skuIdsStr="+skuIds,
			async:true,//使用异步的Ajax请求
			type : "GET",
			dataType : "json",
			timeout : 10000,
			success : function(json){
				if(json.success){
					var infoMap=json.sbomInfoMap;
					var html = '';
					for(var i=0;i<skuIdArr.length;i++){
					    var skuId=skuIdArr[i];
					    var sbomInfo=json.sbomInfoMap[skuId];
					    if(sbomInfo!=null){
						     //商品图片URL
							var imgPath = mediaPath + sbomInfo.photoPath+"142_142_"+sbomInfo.photoName;
							//商品URL
							var urlPath = "/product/"+sbomInfo.disPrdId+".html#"+skuId;
							//商品名称
							//var proName = sbomInfo.sbomName;
							var proName = $('#name_' + skuId).val();
							var price;
							//取得价格显示方式
							var priceMode = sbomInfo.priceMode;
							if (priceMode == 2 || sbomInfo.price == 0) {
								price = "<span>暂无报价</span>";
							} else {
								price = "&yen;" + sbomInfo.price;
							}
							//一级分类导航名称
							var oneNavName=$("#"+id+"_name").val();
							var onShowName="分类导航_"+oneNavName+"_"+sbomInfo.sbomCode;
							var clickContent="_paq.push(['trackLink','"+onShowName+"', 'link', ' ']);ec.code.addAnalytics({hicloud:true});";
							html += '<li class="grid-items" onmouseenter="fixCurrent(this)"  onmouseleave="leaveCurrent(this)" onclick="'+clickContent+'">';
							html += '     <a class="thumb" target="_blank" href="'+urlPath+'">';
							html += '         <p class="grid-img">';
							html += '         	<img alt="" src="' + imgPath + '">';
							html += '          </p>';
							html += '          <h3 class="grid-title">' + proName + '</h3>';
							html += '          <p class="grid-price">' + price + '</p>';
							html += '       </a>';
							html += '  </li>';
					    }
					}
					$("#"+id+"_prolist").html(html);
				}
				
			},
			error : function() {
				
			}
		}); 
 	}
 };
 
 //定位当前推荐商品
 function fixCurrent(obj){
    $(obj).addClass('current');
 }
 
  //离开当前推荐商品
 function leaveCurrent(obj){
	 $(obj).removeClass('current');
 }
 //去重
 function removeDuplicatedItem(ar) {
    var ret = [];
    for (var i = 0, j = ar.length; i < j; i++) {
        if (ret.indexOf(ar[i]) === -1) {
            ret.push(ar[i]);
        }
    }
    return ret;
}
</script>
<script>

(function () {
 /*
         *   专区导航下拉列表
         *   @version 1.2.0
         *   @update 2017-05-08
         *
         * */
        var $nav =                          $('.naver li'),
            $naverSub =                     $('.naver-sub'),
            navLen =                        $nav.length,
            navWidth =                      $nav.width(),
            navListCount =                  null,
            timer =                         null;


        $nav.bind({
            mouseenter: function () {
                {
                    var count =             $(this).attr('data-id') || null,
                        $naverSubItem =     $('#naverSub0' + count),
                        $this =             $(this),
                        openItem =          null;

                    if ($naverSubItem.length <= 0) {
                        $naverSub
                            .children()
                            .slideUp(200);
                        clearTimeout(timer);
                        return;
                    }
                    navListCount = count;

                    $naverSub
                        .children()
                        .each(function (index, item) {
                            if ($(this).css('display') == 'block') {
                                openItem = true;
                            }
                        });

                    if (timer) clearTimeout(timer);

                    if (openItem) {
                    	showProList('zxnav_' + count);
                        $naverSub.show();
                        $naverSubItem
                            .show()
                            .unbind('mouseenter')
                            .mouseleave(function (e) {
                                itemsLeave.call(this, e , $naverSubItem);
                            })
                            .siblings()
                            .hide();

                    } else {
                    	showProList('zxnav_' + count);
                        timer = setTimeout(function () {
                            $naverSub
                                .show();
                            $naverSubItem
                                .slideDown(200)
                                .unbind('mouseenter')
                                .mouseleave(function (e) {
                                    itemsLeave.call(this, e , $naverSubItem);
                                })
                            ;
                        }, 200);
                    }
                }
            },
            mouseleave: function (e) {
                var $target =               $(e.target),
                    eX =                    e.pageX,
                    eY =                    e.pageY,
                    oX =                    $target.offset().left,
                    oY =                    $target.offset().top,
                    yy =                    oY-eY,
                    xx =                    oX - eX,
                    xx2 =                   eX - (oX + navWidth),
                    index =                 $nav.index(this),
                    $naverSubItem =         $('#naverSub0' + navListCount);

                if (timer) clearTimeout(timer);

                $naverSubItem.mouseenter(function () {
                    if (timer) clearTimeout(timer);
                });

                //确认上划//第一个左滑动时//最后一个右滑动时
                if (yy <= 10 && yy > 0 || (xx <= 10 && xx > 0 && index == 0) || (xx2 <= 10 && xx2 > 0 && index == navLen - 1 )) {
                    $naverSubItem.unbind('mouseleave');
                    $naverSub
                        .children()
                        .slideUp(300)
                } else {
                    timer = setTimeout(function () {
                        $naverSubItem.unbind('mouseenter');
                        $naverSub
                            .children()
                            .slideUp(300)
                    }, 200)
                }
            }
        });
        function itemsLeave(e , obj) {
            var $target =                   $(e.target),
                eX =                        e.pageX,
                eY =                        e.pageY,
                oX =                        $target.offset().left,
                oY =                        $target.offset().top,
                _this =                     $(this);

            clearTimeout(timer);
            //确认上划 并保证上划区域排除logo区域
            if ((oY - eY) <= 10 && (oY - eY) > 0 && (eX - oX) > 300) {
                _this
                    .show();
            } else {
                timer = setTimeout(function () {
                    _this.slideUp(200);
                }, 200)
            }
        }
    })()
</script>
<!-- 20130904-热门板-start -->
<div class="hot-board">
	<!--ads start-->
	<div class="ec-slider" id="index_slider" style="width: 1349px; height: 450px;">
	<ul class="ec-slider-list" style="width: 1349px; height: 450px;">
					<li class="ec-slider-item" style="width: 1349px; height: 450px; position: absolute; display: none; background: url(https://res.vmallres.com/pimages//sale/2017-06/2017062115251201.jpg) 50% 0px no-repeat;">
				<div style="width:100%;" class="ec-slider-item-img">
					<a style="width:100%;height:448px;display:block;" href="https://sale.vmall.com/hwfszc.html" target="_blank" onclick="_paq.push([&#39;trackLink&#39;,&#39;华为频道PC首焦第1帧&#39;, &#39;link&#39;, &#39; &#39;]);ec.code.addAnalytics({hicloud:true});"></a>
				</div>
			</li>
			<li class="ec-slider-item" style="width: 1349px; height: 450px; position: absolute; display: list-item; background: url(https://res.vmallres.com/pimages//sale/2017-06/20170615221708364.jpg) 50% 0px no-repeat;">
				<div style="width:100%;" class="ec-slider-item-img">
					<a style="width:100%;height:448px;display:block;" href="https://sale.vmall.com/nova2.html" target="_blank" onclick="_paq.push([&#39;trackLink&#39;,&#39;华为频道PC首焦第2帧&#39;, &#39;link&#39;, &#39; &#39;]);ec.code.addAnalytics({hicloud:true});"></a>
				</div>
			</li>
			<li class="ec-slider-item" style="width: 1349px; height: 450px; position: absolute; display: none; background: url(https://res.vmallres.com/pimages//sale/2017-06/20170620234319865.jpg) 50% 0px no-repeat;">
				<div style="width:100%;" class="ec-slider-item-img">
					<a style="width:100%;height:448px;display:block;" href="https://sale.vmall.com/p10.html" target="_blank" onclick="_paq.push([&#39;trackLink&#39;,&#39;华为频道PC首焦第3帧&#39;, &#39;link&#39;, &#39; &#39;]);ec.code.addAnalytics({hicloud:true});"></a>
				</div>
			</li>
			<li class="ec-slider-item" style="width: 1349px; height: 450px; position: absolute; display: none; background: url(https://res.vmallres.com/pimages//sale/2017-06/20170622102223525.jpg) 50% 0px no-repeat;">
				<div style="width:100%;" class="ec-slider-item-img">
					<a style="width:100%;height:448px;display:block;" href="https://sale.vmall.com/huaweimate9xiliezc.html" target="_blank" onclick="_paq.push([&#39;trackLink&#39;,&#39;华为频道PC首焦第4帧&#39;, &#39;link&#39;, &#39; &#39;]);ec.code.addAnalytics({hicloud:true});"></a>
				</div>
			</li>
			<li class="ec-slider-item" style="width: 1349px; height: 450px; position: absolute; display: none; background: url(https://res.vmallres.com/pimages//sale/2017-06/20170613093047455.jpg) 50% 0px no-repeat;">
				<div style="width:100%;" class="ec-slider-item-img">
					<a style="width:100%;height:448px;display:block;" href="https://sale.vmall.com/matebook2.html" target="_blank" onclick="_paq.push([&#39;trackLink&#39;,&#39;华为频道PC首焦第5帧&#39;, &#39;link&#39;, &#39; &#39;]);ec.code.addAnalytics({hicloud:true});"></a>
				</div>
			</li>
	</ul>
<div class="ec-slider-nav-1"><span class=""></span><span class="current"></span><span class=""></span><span class=""></span><span class=""></span></div><a class="button-slider-prev" href="javascript:;" style="display: none;"></a><a class="button-slider-next" href="javascript:;" style="display: none;"></a></div>
<script>
ec.load("ec.slider", {
         loadType : "lazy",
         callback : function() {
            $("#index_slider").slider({
                     width:     '100%', //必须
                     height:     450, //必须
                     style : 1,                    //1显示分页，2只显示左右箭头,3两者都显示
                     pause : 5000,           //间隔时间
                     auto : true,
				     minWidth : 1200,
                     showNumber:false,
                     circleBtn:true
            });
         }
});
</script><ul></ul><ul></ul>
	<!--ads end-->
</div><!-- 20130904-热门板-end -->
<!--20170424 华为精品 start-->
<div class="hr-60"></div>
<div class="layout">
    <div class="home-channel-floor huawei-channel-floor">
        <div class="h">
            <h2 class="channel-title">华为精品</h2>
        </div>
        <div class="b">
            <div class="goods-list">
                <div class="b clearfix">
                    <!--通过添加current 来实现 hover效果-->
                    <ul class="grid-list clearfix">
		                        <li class="grid-items grid-items-ad">
		                                <a class="thumb" href="https://sale.vmall.com/nova2.html" target="_blank">
		                                	<img alt="" src="./js/1495797123862.jpg">
		                                </a>
		                        </li>
		                        <li class="grid-items grid-items-ad">
		                                <a class="thumb" href="https://www.vmall.com/product/98966557.html" target="_blank">
		                                	<img alt="" src="./js/1497974235881.jpg">
		                                </a>
		                        </li>
		                        <li class="grid-items grid-items-ad">
		                                <a class="thumb" href="https://www.vmall.com/product/417236260.html" target="_blank">
		                                	<img alt="" src="./js/1496892886942.jpg">
		                                </a>
		                        </li>
		                        <li class="grid-items grid-items-ad">
		                                <a class="thumb" href="https://www.vmall.com/product/673771333.html" target="_blank">
		                                	<img alt="" src="./js/1497974969644.jpg">
		                                </a>
		                        </li>
                    </ul>
                    <ul class="grid-list grid-list-second clearfix">
		                        <li class="grid-items grid-items-second">
		                            <a class="thumb" href="https://www.vmall.com/product/142312570.html#953147865,0" target="_blank">
		                                <div class="grid-info">
		                                    <h3 class="grid-title">华为平板M3 青春版 8英寸</h3>
		                                    <p class="grid-desc">EMUI5.1流畅体验&nbsp; </p>
		                                    <p class="grid-price">¥1799</p>
		                                </div>
		                                <p class="grid-img">
												<img alt="华为平板M3 青春版 8英寸" src="./js/1496890831024.jpg">
		                                </p>
		                            </a>
		                        </li>
		                        <li class="grid-items grid-items-second">
		                            <a class="thumb" href="https://www.vmall.com/product/658947392.html#564446217,0" target="_blank">
		                                <div class="grid-info">
		                                    <h3 class="grid-title">HUAWEI WATCH 2</h3>
		                                    <p class="grid-desc">华为第二代智能运动手表&nbsp; </p>
		                                    <p class="grid-price">¥1688</p>
		                                </div>
		                                <p class="grid-img">
												<img alt="HUAWEI WATCH 2" src="./js/1496370350450.jpg">
		                                </p>
		                            </a>
		                        </li>
		                        <li class="grid-items grid-items-second">
		                            <a class="thumb" href="https://www.vmall.com/product/794044956.html#879733047,0" target="_blank">
		                                <div class="grid-info">
		                                    <h3 class="grid-title">华为全景相机</h3>
		                                    <p class="grid-desc">美无边界&nbsp; </p>
		                                    <p class="grid-price">¥899</p>
		                                </div>
		                                <p class="grid-img">
												<img alt="华为全景相机" src="./js/1497543323266.jpg">
		                                </p>
		                            </a>
		                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="hr-60"></div>
<!--20170424 华为精品 end-->

<div class="event-float-layout" style="height: 235px; top: 223px; display: none;">
    <!--添加 fixed  position: fixed !important;top: 20px;z-index: 500;-->
    <div class="event-float">
        <div>
            <ul class="hover-list">
                <!--<li class="hover"><a data-id="0" href="javascript:;">手机</a></li>-->
            <li><a data-id="0" href="javascript:;">手机</a></li><li><a data-id="1" href="javascript:;">笔记本电脑</a></li><li><a data-id="2" href="javascript:;">平板&amp;穿戴</a></li><li><a data-id="3" href="javascript:;">智能家居</a></li><li><a data-id="4" href="javascript:;">热销配件</a></li></ul>
        </div>
    </div>
</div>

<div class="home-channel-container huawei-channel-container relative">
		<!-- 初始值 -->
		<!-- 拼接式  计算显示商品数量-->
			
			<!-- 商品是否为6的倍数 -->
			<!-- 优先填充第一行数据 -->
		<!-- 错落式 -->
    <div class="layout">
        <div class="home-channel-floor huawei-channel-floor">
            <div class="h">
                <h2 class="channel-title"><a href="https://www.vmall.com/list-111" target="_blank">手机</a></h2>
                <ul class="channel-nav">
						<li><a href="https://www.vmall.com/list-123" target="_blank">HUAWEI Mate系列</a></li>
						<li><a href="https://www.vmall.com/list-125" target="_blank">HUAWEI P系列</a></li>
						<li><a href="https://www.vmall.com/list-279" target="_blank">HUAWEI nova系列</a></li>
						<li><a href="https://www.vmall.com/list-127" target="_blank">华为 G系列</a></li>
						<li><a href="https://www.vmall.com/list-129" target="_blank">华为畅享系列</a></li>
                </ul>
                <div class="channel-more"><a href="https://www.vmall.com/list-111">更多</a></div>
            </div>
            
            <div class="b">
				<div class="goods-list">
                    <ul class="grid-list clearfix">
                        <li class="grid-items grid-items-ad-291 current">
                                <a class="thumb" href="https://www.vmall.com/product/205641589.html" target="_blank">
                                	<img alt="" src="./js/huawei_p10.jpg">
                                </a>
                        </li>
                        <li class="grid-items grid-items-third grid-items-third-594">
                            <a class="thumb" href="https://www.vmall.com/product/248236075.html#883630548,0" target="_blank">
                                <div class="grid-info">
                                    <h3 class="grid-title">HUAWEI Mate 9</h3>
                                    <p class="grid-price gray">¥3599</p> <!--暂无报价添加class="gray"-->
                                </div>
								<p class="grid-tips">
										<img alt="HUAWEI Mate 9 4GB+64GB 全网通版（黑色）" src="./js/1497576073762.png">
								</p>
                                <p class="grid-img">
											<img alt="HUAWEI Mate 9" src="./js/2017052118300503.jpg">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/549981984.html#546018520,0" target="_blank">
                                <div class="grid-info grid-info-white "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为畅享7 Plus</h3>
                                    <p class="grid-price">¥1699</p>
                                </div>
								<p class="grid-tips">
										<img alt="华为畅享7 Plus 4GB+64GB 全网通高配版（香槟金）" src="./js/1497575900592.png">
								</p>
                                <p class="grid-img">
											<img alt="华为畅享7 Plus" src="./js/20170521183003708.jpg">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/249702255.html#669674754,0" target="_blank">
                                <div class="grid-info "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">HUAWEI nova 青春版</h3>
                                    <p class="grid-price">¥1999</p>
                                </div>
								<p class="grid-tips">
										<img alt="HUAWEI nova 青春版4GB+64GB  全网通版（樱语粉）" src="./js/1497575900592.png">
								</p>
                                <p class="grid-img">
											<img alt="HUAWEI nova 青春版" src="./js/1496198740136.jpg">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/22309363.html#308819390,0" target="_blank">
                                <div class="grid-info grid-info-white "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为畅享6S</h3>
                                    <p class="grid-price">¥1299</p>
                                </div>
								<p class="grid-tips">
										<img alt="华为畅享6S 3GB+32GB 全网通版 （金色）" src="./js/1497575900592.png">
								</p>
                                <p class="grid-img">
											<img alt="华为畅享6S" src="./js/20170521183002465.jpg">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/499588076.html#908669195,0" target="_blank">
                                <div class="grid-info "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">HUAWEI nova</h3>
                                    <p class="grid-price">¥1899</p>
                                </div>
                                <p class="grid-img">
											<img alt="HUAWEI nova" src="./js/20170521183005750.jpg">
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>

				<div class="hr-12"></div>
				<div id="goodsContent0" class="goods-rolling relative">
                    <ul class="grid-list clearfix" style="width: 1290px;">
                        <!--通过添加current 来实现 hover效果-->
                        <li class="grid-items" id="7">
                            <a class="thumb" href="https://www.vmall.com/product/5853177.html#485768395,0" target="_blank">
                                <p class="grid-img">
											<img alt="华为畅享6 全网通版（蓝色）" src="./js/428_428_1479797494814mp.jpg">
                                </p>
                                <h3 class="grid-title">华为畅享6</h3>
                                <p class="grid-desc">下单立减200元&nbsp; </p>
                                <p class="grid-price">¥1299</p>
								<p class="grid-tips">
										<img alt="华为畅享6 全网通版（蓝色）" src="./js/1497576087123.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="8">
                            <a class="thumb" href="https://www.vmall.com/product/461751298.html#823951687,0" target="_blank">
                                <p class="grid-img">
											<img alt="HUAWEI 麦芒5 全网通高配版（苍穹灰）" src="./js/428_428_1489630540025mp.jpg">
                                </p>
                                <h3 class="grid-title">HUAWEI 麦芒5</h3>
                                <p class="grid-desc">下单立减200元&nbsp; </p>
                                <p class="grid-price">¥2399</p>
                            </a>
                        </li>
                        <li class="grid-items" id="9">
                            <a class="thumb" href="https://www.vmall.com/product/3419.html#8565,0" target="_blank">
                                <p class="grid-img">
											<img alt="HUAWEI P9 Plus 4GB+128GB 全网通版（琥珀金）" src="./js/428_428_1467192587783mp.jpg">
                                </p>
                                <h3 class="grid-title">HUAWEI P9 PLUS</h3>
                                <p class="grid-desc">下单立减500元&nbsp; </p>
                                <p class="grid-price">¥4388</p>
								<p class="grid-tips">
										<img alt="HUAWEI P9 Plus 4GB+128GB 全网通版（琥珀金）" src="./js/1497576087123.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="10">
                            <a class="thumb" href="https://www.vmall.com/product/221281208.html#251990401,0" target="_blank">
                                <p class="grid-img">
											<img alt="HUAWEI Mate 9 保时捷设计 6GB+256GB 全网通版（曜石黑）" src="./js/428_428_1481251216636mp.jpg">
                                </p>
                                <h3 class="grid-title">HUAWEI Mate 9 保时捷设计</h3>
                                <p class="grid-desc">限量发售&nbsp; </p>
                                <p class="grid-price">¥8999</p>
								<p class="grid-tips">
										<img alt="HUAWEI Mate 9 保时捷设计 6GB+256GB 全网通版（曜石黑）" src="./js/1497576003067.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="11">
                            <a class="thumb" href="https://www.vmall.com/product/673771333.html#33074860,0" target="_blank">
                                <p class="grid-img">
											<img alt="HUAWEI Mate 9 Pro 4GB+64GB 全网通版（琥珀金）" src="./js/428_428_1480922774554mp.jpg">
                                </p>
                                <h3 class="grid-title">HUAWEI Mate 9 Pro</h3>
                                <p class="grid-desc">12期免息&nbsp; </p>
                                <p class="grid-price">¥4699</p>
								<p class="grid-tips">
										<img alt="HUAWEI Mate 9 Pro 4GB+64GB 全网通版（琥珀金）" src="./js/1497575900592.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="12">
                            <a class="thumb" href="https://www.vmall.com/product/3427.html#8609,0" target="_blank">
                                <p class="grid-img">
											<img alt="HUAWEI G9 青春版 全网通版 16GB ROM（金色）" src="./js/428_428_1467357034322mp.jpg">
                                </p>
                                <h3 class="grid-title">HUAWEI G9 青春版</h3>
                                <p class="grid-desc">下单立减200元&nbsp; </p>
                                <p class="grid-price">¥1599</p>
                            </a>
                        </li>
                    </ul>
                    <div class="grid-btn btn-prev disabled"><span></span></div>
                    <div class="grid-btn btn-next"><span></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="hr-60"></div>
		<!-- 初始值 -->
		<!-- 拼接式  计算显示商品数量-->
		<!-- 错落式 -->
			
    <div class="layout">
        <div class="home-channel-floor huawei-channel-floor">
            <div class="h">
                <h2 class="channel-title"><a href="https://www.vmall.com/list-113" target="_blank">笔记本电脑</a></h2>
                <ul class="channel-nav">
						<li><a href="https://www.vmall.com/list-291" target="_blank">笔记本电脑</a></li>
						<li><a href="https://www.vmall.com/list-319" target="_blank">笔记本配件</a></li>
                </ul>
                <div class="channel-more"><a href="https://www.vmall.com/list-113">更多</a></div>
            </div>
            
            <div class="b">
                <div class="goods-list">
                    <div class="b clearfix">
                        <!--通过添加current 来实现 hover效果-->
		            		<div class="span-400 fl">
	                            <ul class="grid-list clearfix">
	                                <li class="grid-items grid-items-ad grid-items-ad-400">
			                                <a class="thumb" href="https://www.vmall.com/product/417236260.html#280075090,42" target="_blank">
			                                	<img data-lazy-src="https://res0.vmallres.com/pimages//frontLocation/content/1948343/1496806661768.jpg" alt="" src="./js/mask.png">
			                                </a>
	                                    
	                                </li>
	                            </ul>
	                        </div>
                        
                        <div class="span-800 fl">
                            <ul class="grid-list clearfix">
	                                <li class="grid-items grid-items-first">
	                                    <a class="thumb" href="https://www.vmall.com/product/21046116.html#882934630,0" target="_blank">
		                                    <p class="grid-img">
														<img data-lazy-src="https://res1.vmallres.com/pimages//product/6901443184262/428_428_1495006446190mp.jpg" alt="（华为）HUAWEI MateBook D 15.6英寸轻薄窄边框笔记本电脑（ i5-7200U  4G 128G SSD+500G FHD Win10）深空灰" src="./js/mask.png">
		                                    </p>
		                                    <div class="grid-info">
		                                        <h3 class="grid-title">HUAWEI MateBook D</h3>
		                                        <p class="grid-desc">尊享6期免息&nbsp; </p>
		                                        <p class="grid-price">¥4988</p>
		                                    </div>
			                                <p class="grid-tips">
													<img data-lazy-src="https://res1.vmallres.com/pimages//tag/75/1497575900592.png" alt="（华为）HUAWEI MateBook D 15.6英寸轻薄窄边框笔记本电脑（ i5-7200U  4G 128G SSD+500G FHD Win10）深空灰" src="./js/mask.png">
			                                </p>
										</a>
	                                </li>
	                                <li class="grid-items grid-items-first">
	                                    <a class="thumb" href="https://www.vmall.com/product/889979598.html#530206332,0" target="_blank">
		                                    <p class="grid-img">
														<img data-lazy-src="https://res1.vmallres.com/pimages//product/6901443179152/428_428_1495007794253mp.jpg" alt="（华为）HUAWEI MateBook E 12英寸时尚二合一笔记本电脑（m3-7Y30 4G 128G Win10 内含键盘和扩展坞）香槟金主机/棕色键盘" src="./js/mask.png">
		                                    </p>
		                                    <div class="grid-info">
		                                        <h3 class="grid-title">HUAWEI MateBook E</h3>
		                                        <p class="grid-desc">尊享6期免息&nbsp; </p>
		                                        <p class="grid-price">¥4988</p>
		                                    </div>
			                                <p class="grid-tips">
													<img data-lazy-src="https://res1.vmallres.com/pimages//tag/75/1497575900592.png" alt="（华为）HUAWEI MateBook E 12英寸时尚二合一笔记本电脑（m3-7Y30 4G 128G Win10 内含键盘和扩展坞）香槟金主机/棕色键盘" src="./js/mask.png">
			                                </p>
										</a>
	                                </li>
                            </ul>
                            <ul class="grid-list clearfix">
		                                <li class="grid-items grid-items-second grid-items-second-big">
		                                    <a class="thumb" href="https://www.vmall.com/product/965498680.html#393857645,0" target="_blank">
			                                    <p class="grid-img">
														<img data-lazy-src="https://res3.vmallres.com/pimages//frontLocation/content/1948349/1495589118056.jpg" alt="HUAWEI MateBook" src="./js/mask.png">
			                                    </p>
			                                    <div class="grid-info">
			                                        <h3 class="grid-title">HUAWEI MateBook</h3>
			                                        <p class="grid-desc">一触解锁|轻薄时尚|高效合一&nbsp; </p>
			                                        <p class="grid-price">¥4488</p>
			                                    </div>
											</a>
		                                </li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="hr-60"></div>
		<!-- 初始值 -->
		<!-- 拼接式  计算显示商品数量-->
		<!-- 错落式 -->
			
    <div class="layout">
        <div class="home-channel-floor huawei-channel-floor">
            <div class="h">
                <h2 class="channel-title"><a href="https://www.vmall.com/list-243" target="_blank">平板&amp;穿戴</a></h2>
                <ul class="channel-nav">
						<li><a href="https://www.vmall.com/list-313" target="_blank">平板电脑</a></li>
						<li><a href="https://www.vmall.com/list-293" target="_blank">手环/手表</a></li>
                </ul>
                <div class="channel-more"><a href="https://www.vmall.com/list-243">更多</a></div>
            </div>
            
            <div class="b">
                <div class="goods-list">
                    <div class="b clearfix">
                        <!--通过添加current 来实现 hover效果-->
		            		<div class="span-400 fl">
	                            <ul class="grid-list clearfix">
	                                <li class="grid-items grid-items-ad grid-items-ad-400">
			                                <a class="thumb" href="https://www.vmall.com/product/658947392.html" target="_blank">
			                                	<img data-lazy-src="https://res0.vmallres.com/pimages//frontLocation/content/20170521/huawei_WATCH2.jpg" alt="" src="./js/mask.png">
			                                </a>
	                                    
	                                </li>
	                            </ul>
	                        </div>
                        
                        <div class="span-800 fl">
                            <ul class="grid-list clearfix">
	                                <li class="grid-items grid-items-first">
	                                    <a class="thumb" href="https://www.vmall.com/product/2208.html#4625,0" target="_blank">
		                                    <p class="grid-img">
														<img data-lazy-src="https://res2.vmallres.com/pimages//product/6901443071098/428_428_1467685129942mp.jpg" alt="华为平板 M2 8英寸平板电脑 16GB WiFi版（月光银）" src="./js/mask.png">
		                                    </p>
		                                    <div class="grid-info">
		                                        <h3 class="grid-title">华为平板 M2 8英寸</h3>
		                                        <p class="grid-desc">哈曼卡顿音效 金属机身&nbsp; </p>
		                                        <p class="grid-price">¥1288</p>
		                                    </div>
										</a>
	                                </li>
	                                <li class="grid-items grid-items-first">
	                                    <a class="thumb" href="https://www.vmall.com/product/312318362.html#604808235,0" target="_blank">
		                                    <p class="grid-img">
														<img data-lazy-src="https://res2.vmallres.com/pimages//product/6901443183715/428_428_1496386580348mp.jpg" alt="华为平板 M3 青春版 10.1英寸 3GB+32GB WiFi版（苍穹灰）" src="./js/mask.png">
		                                    </p>
		                                    <div class="grid-info">
		                                        <h3 class="grid-title">华为平板 M3 青春版 10.1英寸</h3>
		                                        <p class="grid-desc">哈曼卡顿品质立体声&nbsp; </p>
		                                        <p class="grid-price">¥1899</p>
		                                    </div>
			                                <p class="grid-tips">
													<img data-lazy-src="https://res2.vmallres.com/pimages//tag/79/1497575938261.png" alt="华为平板 M3 青春版 10.1英寸 3GB+32GB WiFi版（苍穹灰）" src="./js/mask.png">
			                                </p>
										</a>
	                                </li>
                            </ul>
                            <ul class="grid-list clearfix">
		                                <li class="grid-items grid-items-second grid-items-second-big">
		                                    <a class="thumb" href="https://www.vmall.com/product/241920871.html#58267447,0" target="_blank">
			                                    <p class="grid-img">
														<img data-lazy-src="https://res3.vmallres.com/pimages//frontLocation/content/1948481/1495589769030.jpg" alt="华为平板 M3" src="./js/mask.png">
			                                    </p>
			                                    <div class="grid-info">
			                                        <h3 class="grid-title">华为平板 M3</h3>
			                                        <p class="grid-desc">2K高清屏幕 麒麟950&nbsp; </p>
			                                        <p class="grid-price">¥1888</p>
			                                    </div>
											</a>
		                                </li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="b clearfix">
						<ul class="grid-list clearfix">
	                            <li class="grid-items grid-items-second grid-items-second-big">
	                                <a class="thumb" href="https://www.vmall.com/product/3487.html#8735,0" target="_blank">
	                                    <div class="grid-info">
	                                        <h3 class="grid-title">华为手环 B3</h3>
	                                        <p class="grid-desc">蓝牙耳机与智能手环结合&nbsp; </p>
	                                        <p class="grid-price">¥999</p>
	                                    </div>
	                                    <p class="grid-img">
													<img data-lazy-src="https://res2.vmallres.com/pimages//frontLocation/content/1916701/1496890977231.jpg" alt="华为手环 B3" src="./js/mask.png">
	                                    </p>
	                                </a>
	                            </li>
	                            <li class="grid-items grid-items-first">
	                                <a class="thumb" href="https://www.vmall.com/product/495136506.html#107428549,0" target="_blank">
	                                    <p class="grid-img">
													<img data-lazy-src="https://res2.vmallres.com/pimages//product/6901443135486/428_428_1486979036315mp.jpg" alt="华为儿童手表迪士尼系列 冰雪奇缘款（冰雪蓝）" src="./js/mask.png">
	                                    </p>
	                                    <h3 class="grid-title">华为儿童手表</h3>
	                                    <p class="grid-desc">高清通话 防尘防水低辐射&nbsp; </p>
	                                    <p class="grid-price">¥688</p>
	                                </a>
	                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hr-60"></div>
		<!-- 初始值 -->
		<!-- 拼接式  计算显示商品数量-->
			
			<!-- 商品是否为6的倍数 -->
			<!-- 优先填充第一行数据 -->
				<!-- 排除非6倍数的商品 -->
		<!-- 错落式 -->
    <div class="layout">
        <div class="home-channel-floor huawei-channel-floor">
            <div class="h">
                <h2 class="channel-title"><a href="https://www.vmall.com/list-115" target="_blank">智能家居</a></h2>
                <ul class="channel-nav">
						<li><a href="https://www.vmall.com/list-265" target="_blank">子母路由</a></li>
						<li><a href="https://www.vmall.com/list-143" target="_blank">电视盒子</a></li>
						<li><a href="https://www.vmall.com/list-139" target="_blank">电力猫</a></li>
						<li><a href="https://www.vmall.com/list-141" target="_blank">路由器</a></li>
						<li><a href="https://www.vmall.com/list-145" target="_blank">随行WiFi</a></li>
                </ul>
                <div class="channel-more"><a href="https://www.vmall.com/list-115">更多</a></div>
            </div>
            
            <div class="b">
				<div class="goods-list">
                    <ul class="grid-list clearfix">
                        <li class="grid-items grid-items-ad-291">
                                <a class="thumb" href="https://www.vmall.com/product/190355030.html" target="_blank">
                                	<img data-lazy-src="https://res0.vmallres.com/pimages//sale/2017-05/20170521191218736.jpg" alt="" src="./js/mask.png">
                                </a>
                        </li>
                        <li class="grid-items grid-items-third grid-items-third-594">
                            <a class="thumb" href="https://www.vmall.com/product/538499714.html#874932810,0" target="_blank">
                                <div class="grid-info">
                                    <h3 class="grid-title">华为子母路由器 Q1</h3>
                                    <p class="grid-price gray">¥599</p> <!--暂无报价添加class="gray"-->
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//sale/2017-05/20170521191216421.jpg" alt="华为子母路由器 Q1" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/886153777.html#432833965,0" target="_blank">
                                <div class="grid-info grid-info-white "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为路由器 A1</h3>
                                    <p class="grid-price">¥399</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//sale/2017-05/20170521191215400.jpg" alt="华为路由器 A1" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/314884726.html#683167094,0" target="_blank">
                                <div class="grid-info "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为路由 A1 Lite</h3>
                                    <p class="grid-price">¥169</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//sale/2017-05/20170521191214755.jpg" alt="华为路由 A1 Lite" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/1847.html#72344584,0" target="_blank">
                                <div class="grid-info grid-info-white "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为盒子</h3>
                                    <p class="grid-price">¥469</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//sale/2017-05/20170521191217881.jpg" alt="华为盒子" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/3213.html#8125,0" target="_blank">
                                <div class="grid-info "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为随行WiFi Pro</h3>
                                    <p class="grid-price">¥799</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//sale/2017-05/20170521191219309.jpg" alt="华为随行WiFi Pro" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>

				<div class="hr-12"></div>
				<div id="goodsContent3" class="goods-rolling relative">
                    <ul class="grid-list clearfix" style="width: 1935px;">
                        <!--通过添加current 来实现 hover效果-->
                        <li class="grid-items" id="7">
                            <a class="thumb" href="https://www.vmall.com/product/310439420.html#190047935,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443187355/428_428_1495075512638mp.jpg" alt="华为随行WiFi 2（深灰色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为随行WiFi 2</h3>
                                <p class="grid-desc">4G全网通 3000mAh大电池&nbsp; </p>
                                <p class="grid-price">¥499</p>
								<p class="grid-tips">
										<img data-lazy-src="https://res3.vmallres.com/pimages//tag/79/1497575938261.png" alt="华为随行WiFi 2（深灰色）" src="./js/mask.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="8">
                            <a class="thumb" href="https://www.vmall.com/product/179906065.html#195838888,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443186402/428_428_1495076026848mp.jpg" alt="华为随行WiFi 2 mini（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为随行WiFi 2 mini</h3>
                                <p class="grid-desc">4G三网通 USB供电&nbsp; </p>
                                <p class="grid-price">¥299</p>
								<p class="grid-tips">
										<img data-lazy-src="https://res3.vmallres.com/pimages//tag/79/1497575938261.png" alt="华为随行WiFi 2 mini（白色）" src="./js/mask.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="9">
                            <a class="thumb" href="https://www.vmall.com/product/746829270.html#413487136,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443176472/428_428_1494815689240mp.jpg" alt="华为路由器 WS318 增强版（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为路由器 WS318 增强版</h3>
                                <p class="grid-desc">双天线覆盖广 Wi-Fi自动加速&nbsp; </p>
                                <p class="grid-price">¥129</p>
								<p class="grid-tips">
										<img data-lazy-src="https://res3.vmallres.com/pimages//tag/79/1497575938261.png" alt="华为路由器 WS318 增强版（白色）" src="./js/mask.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="10">
                            <a class="thumb" href="https://www.vmall.com/product/2380.html#5055,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443060559/428_428_1468545924082mp.jpg" alt="华为路由器WS832（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为路由 WS832</h3>
                                <p class="grid-desc">1200M无线路由器&nbsp; </p>
                                <p class="grid-price">¥249</p>
								<p class="grid-tips">
										<img data-lazy-src="https://res3.vmallres.com/pimages//tag/77/1497575918300.png" alt="华为路由器WS832（白色）" src="./js/mask.png">
								</p>
                            </a>
                        </li>
                        <li class="grid-items" id="11">
                            <a class="thumb" href="https://www.vmall.com/product/1169.html#1965,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443004515/428_428_1468546156666mp.jpg" alt="华为路由器WS550 （黑色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为路由 WS550</h3>
                                <p class="grid-desc">双核450M路由器&nbsp; </p>
                                <p class="grid-price">¥169</p>
                            </a>
                        </li>
                        <li class="grid-items" id="12">
                            <a class="thumb" href="https://www.vmall.com/product/2654.html#6064,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443091867/428_428_1468806544768mp.jpg" alt="华为 E5573s 4G 无线路由器（联通电信版）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为 E5573s 无线路由器</h3>
                                <p class="grid-desc">移动随行WiFi 携带方便&nbsp; </p>
                                <p class="grid-price">¥389</p>
                            </a>
                        </li>
                        <li class="grid-items" id="13">
                            <a class="thumb" href="https://www.vmall.com/product/342998225.html#31854309,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6901443128990/428_428_1470042513541mp.jpg" alt="华为子母路由器 Q1 子路由（黑色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为子母路由器 Q1 子路由</h3>
                                <p class="grid-desc">自动同步母路由WiFi名称和密码&nbsp; </p>
                                <p class="grid-price">¥179</p>
                            </a>
                        </li>
                        <li class="grid-items" id="14">
                            <a class="thumb" href="https://www.vmall.com/product/902.html#1404,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6920702780687/428_428_1468804667416mp.jpg" alt="华为电力猫PT500 单只装 （白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为 PT500</h3>
                                <p class="grid-desc">500M电力线适配器&nbsp; </p>
                                <p class="grid-price">¥138</p>
                            </a>
                        </li>
                        <li class="grid-items" id="15">
                            <a class="thumb" href="https://www.vmall.com/product/1168.html#1964,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res3.vmallres.com/pimages//product/6920702796343/428_428_1468806159118mp.jpg" alt="华为WiFi放大器/中继器WS331c（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为 WS331c</h3>
                                <p class="grid-desc">300Mbps无线扩展器&nbsp; </p>
                                <p class="grid-price">¥119</p>
                            </a>
                        </li>
                    </ul>
                    <div class="grid-btn btn-prev disabled"><span></span></div>
                    <div class="grid-btn btn-next"><span></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="hr-60"></div>
		<!-- 初始值 -->
		<!-- 拼接式  计算显示商品数量-->
			
			<!-- 商品是否为6的倍数 -->
			<!-- 优先填充第一行数据 -->
		<!-- 错落式 -->
    <div class="layout">
        <div class="home-channel-floor huawei-channel-floor">
            <div class="h">
                <h2 class="channel-title"><a href="https://www.vmall.com/list-117" target="_blank">热销配件</a></h2>
                <ul class="channel-nav">
						<li><a href="https://www.vmall.com/list-149" target="_blank">贴膜</a></li>
						<li><a href="https://www.vmall.com/list-147" target="_blank">保护壳</a></li>
						<li><a href="https://www.vmall.com/list-151" target="_blank">保护套</a></li>
						<li><a href="https://www.vmall.com/list-207" target="_blank">表带</a></li>
						<li><a href="https://www.vmall.com/list-295" target="_blank">耳机</a></li>
						<li><a href="https://www.vmall.com/list-297" target="_blank">音箱</a></li>
						<li><a href="https://www.vmall.com/list-303" target="_blank">VR眼镜</a></li>
						<li><a href="https://www.vmall.com/list-299" target="_blank">电源/充电器/线材</a></li>
						<li><a href="https://www.vmall.com/list-301" target="_blank">自拍杆/支架</a></li>
                </ul>
                <div class="channel-more"><a href="https://www.vmall.com/list-117">更多</a></div>
            </div>
            
            <div class="b">
				<div class="goods-list">
                    <ul class="grid-list clearfix">
                        <li class="grid-items grid-items-ad-291">
                                <a class="thumb" href="https://www.vmall.com/product/973611543.html#615924659,0" target="_blank">
                                	<img data-lazy-src="https://res0.vmallres.com/pimages//frontLocation/content/20170521/huawei_yundongerji.jpg" alt="" src="./js/mask.png">
                                </a>
                        </li>
                        <li class="grid-items grid-items-third grid-items-third-594">
                            <a class="thumb" href="https://www.vmall.com/product/75380481.html#113776497,0" target="_blank">
                                <div class="grid-info">
                                    <h3 class="grid-title">华为2万毫安移动电源</h3>
                                    <p class="grid-price gray">¥299</p> <!--暂无报价添加class="gray"-->
                                </div>
								<p class="grid-tips">
										<img data-lazy-src="https://res4.vmallres.com/pimages//tag/87/1497576023361.png" alt="华为20000mAh 移动电源 快充版（黑色）" src="./js/mask.png">
								</p>
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//sale/2017-05/20170521184610697.jpg" alt="华为2万毫安移动电源" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/944393591.html#594387586,0" target="_blank">
                                <div class="grid-info grid-info-white "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为车载快速充电器</h3>
                                    <p class="grid-price">¥199</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//sale/2017-05/20170521184612527.jpg" alt="华为车载快速充电器" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/104065115.html#899519152,0" target="_blank">
                                <div class="grid-info "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为9V2A快充+ type c线</h3>
                                    <p class="grid-price">¥69</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//sale/2017-05/20170521184609793.jpg" alt="华为9V2A快充+ type c线" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/28039329.html#853967185,0" target="_blank">
                                <div class="grid-info grid-info-white "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">HUAWEI VR</h3>
                                    <p class="grid-price">¥599</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//sale/2017-05/20170521184611616.jpg" alt="HUAWEI VR" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                        <li class="grid-items grid-items-third">
                            <a class="thumb" href="https://www.vmall.com/product/20999181.html#757765557,0" target="_blank">
                                <div class="grid-info "><!--商品图片为深色添加class="grid-info-white"-->
                                    <h3 class="grid-title">华为三脚架自拍杆</h3>
                                    <p class="grid-price">¥149</p>
                                </div>
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//sale/2017-05/2017052118461336.jpg" alt="华为三脚架自拍杆" src="./js/mask.png">
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>

				<div class="hr-12"></div>
				<div id="goodsContent4" class="goods-rolling relative">
                    <ul class="grid-list clearfix" style="width: 1290px;">
                        <!--通过添加current 来实现 hover效果-->
                        <li class="grid-items" id="7">
                            <a class="thumb" href="https://www.vmall.com/product/706470980.html#937100113,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//product/6901443158379/428_428_1484107261446mp.jpg" alt="华为10000mAh 移动电源 快充版（曜石黑）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为移动电源10000mAh快充版</h3>
                                <p class="grid-desc">铝合金机身，18W双向快充&nbsp; </p>
                                <p class="grid-price">¥199</p>
                            </a>
                        </li>
                        <li class="grid-items" id="8">
                            <a class="thumb" href="https://www.vmall.com/product/2134.html#4309,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//product/6901443068319/428_428_1466663225165mp.jpg" alt="华为小天鹅蓝牙音箱（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为小天鹅蓝牙音箱</h3>
                                <p class="grid-desc">360°音效技术&nbsp; </p>
                                <p class="grid-price">¥109</p>
                            </a>
                        </li>
                        <li class="grid-items" id="9">
                            <a class="thumb" href="https://www.vmall.com/product/815.html#8549,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//product/6901443105625/428_428_1466654437154mp.jpg" alt="华为 Colortooth 多彩蓝牙耳机（石墨黑）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为Colortooth 多彩蓝牙耳机</h3>
                                <p class="grid-desc">清灵外观&nbsp; </p>
                                <p class="grid-price">¥199</p>
                            </a>
                        </li>
                        <li class="grid-items" id="10">
                            <a class="thumb" href="https://www.vmall.com/product/104065115.html#899519152,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//product/6901443080274-01/428_428_1469675953605mp.jpg" alt="华为快充 9V2A手机充电器  带USB线（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为9V2A快充+USB数据线</h3>
                                <p class="grid-desc">18W大功率输出&nbsp; </p>
                                <p class="grid-price">¥69</p>
                            </a>
                        </li>
                        <li class="grid-items" id="11">
                            <a class="thumb" href="https://www.vmall.com/product/3301.html#8317,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//product/6901443115129/428_428_1466652784051mp.jpg" alt="华为 Type C 数据线（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为Type C 数据线</h3>
                                <p class="grid-desc">高品质线芯&nbsp; </p>
                                <p class="grid-price">¥29</p>
                            </a>
                        </li>
                        <li class="grid-items" id="12">
                            <a class="thumb" href="https://www.vmall.com/product/1774.html#5448,0" target="_blank">
                                <p class="grid-img">
											<img data-lazy-src="https://res4.vmallres.com/pimages//product/6901443083718/428_428_1466648754556mp.jpg" alt="华为 USB数据线（白色）" src="./js/mask.png">
                                </p>
                                <h3 class="grid-title">华为 USB数据线</h3>
                                <p class="grid-desc">充电迅速 传输稳定&nbsp; </p>
                                <p class="grid-price">¥19</p>
                            </a>
                        </li>
                    </ul>
                    <div class="grid-btn btn-prev disabled"><span></span></div>
                    <div class="grid-btn btn-next"><span></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="hr-60"></div>
</div>

<textarea id="top-banner" class="hide">	&lt;!-- 顶部banner --&gt;
	&lt;div class="top-banner-max hide" id="top-banner-max"&gt;
		&lt;div class="top-banner-img"&gt;
			
			&lt;a title="折叠" href="javascript:;" class="button-top-banner-min" id="top-banner-max-toggle"&gt;-&lt;/a&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;div class="top-banner-min hide" id="top-banner-min"&gt;
		&lt;div class="top-banner-img"&gt;
			
			&lt;a title="展开" href="javascript:;" class="button-top-banner-max hide" id="top-banner-min-toggle"&gt;+&lt;/a&gt;
			&lt;a class="button-top-banner-close" href="javascript:;" title="关闭" id="top-banner-min-close" &gt;关闭&lt;/a&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;!-- 顶部banner end --&gt;
</textarea>

<script>
 // 改为异步调用
 // document.write('<script src="/serverTime.jsp?'+ new Date().getTime() +'"></' + 'script>');
</script>

<script src="./js/index.min.js"></script><script id="jsapi_loader1" loadtype="insert" type="text/javascript" src="./js/jquery.form-2.49.js" charset="utf-8"></script><script>(function(){var time = 0,el = document.getElementById('jsapi_loader1');if(!el || (el.readyState && 'complete' != el.readyState)){ if(time<10){ setTimeout(arguments.callee,30); time++; }else{ logger.error('load the script of id jsapi_loader1 fail!');} return; }ol._setLoadStatus("jquery.form","complete");})();</script><script id="jsapi_loader2" loadtype="insert" type="text/javascript" src="./js/ajax.js" charset="utf-8"></script><script>(function(){var time = 0,el = document.getElementById('jsapi_loader2');if(!el || (el.readyState && 'complete' != el.readyState)){ if(time<10){ setTimeout(arguments.callee,30); time++; }else{ logger.error('load the script of id jsapi_loader2 fail!');} return; }ol._setLoadStatus("ajax","complete");})();</script>
<script src="./js/slider.min.js"></script>
<script>
(function (_ec) {
//顶部banner
	_ec.bigAd = false;
	_ec.smallAd = false;
	_ec.bigadShowTime = 8000;
	_ec.now = new Date().format('yyyy-MM-dd HH:mm:ss');
	
	_ec.configNowTime = function(){
		if(_serverTime)
		{
			_ec.now = new Date(_serverTime).format('yyyy-MM-dd HH:mm:ss');
		}
	}
	
	ec.load({
		url : "/serverTime.jsp?"+(new Date()).getTime(),
		type : "js",
		loadType:"lazy",
		onload : _ec.configNowTime
	});
})(ec.index);
</script>
 @endsection
